@charset "utf-8";
@media (max-width:1199px) {
body{min-width:320px;}
.container{width:auto;}	
.header{min-width:320px; height:auto;}
.footer{min-width:320px;}

.crumb{padding:12px 10px;}
.crumb dl dd{margin-left:28px;}

.header .container .tophead .fr_item{margin-right:24px;}
.header .container .inhead .logo{margin-left:24px;}
.header .container .inhead .slogan .item1{padding-left:24px;}
.header .container .inhead .slogan .item2{padding-left:24px;}
.header .container .mainnav{width:56%;margin-right:24px;}

.tpxw .owl-carousel .item-name{height:42px; line-height:42px;}
.tpxw .owl-dots{bottom:15px;}
}

@media (max-width:1024px){
.header .container .inhead{width:100%;}
.header .container .inhead .logo{width:50%;float:left;}
.header .container .inhead .slogan{width:40%;margin-top:0;}

.header .container .mainnav{width:90%;float:none;margin:auto;}
.header .container .mainnav .swiper-wrapper{margin:40px 0;}
.header .container .mainnav .swiper-nav .swiper-home a.link{margin-left:0;}
.header .container .mainnav .swiper-nav .swiper-slide a.link{padding: 80px 0 24px;}
.header .container .mainnav .swiper-nav .swiper-slide a.link::after{top: 24px;}

.header .container .search_box{width:100%;}
.header .container .search_box .search_box_con{padding:0 24px;}
.header .container .search_box::before{width:0;}
.header .container .search_box .search_input{width:96%;}
.header .container .search_box .search_btn{width:4%;}

.footer .container .mainBox .iconlink{width:22%;}
}

@media (max-width:991px) {
.mainBody.mb{margin-bottom:0;}
.mainBody.mt{margin-top:0;}
.mainBox{padding:15px 15px 0; overflow:hidden;}
.innerBox.mb{margin-bottom:0;}
.module-main{margin-right:-8px; margin-left:-7px;}
.module-box{margin-right:8px; margin-left:7px;}
.mb{margin-bottom:15px;}
.mt{margin-top:15px;}
.menu-icons{margin-right:-8px !important; margin-left:-7px !important;}
.menu-icons li a{margin:0 8px 15px 7px !important;}
.menu-icons li a:before{margin-right:10px; margin-left:10px;}
.bgradius{border-radius:0;}
.crumb{margin:0;}
.crumb dl dt{left:10px;}
.crumb dl dd{margin-left:30px;}
.pagediv{padding-top:25px; padding-bottom:25px;}
.imageList ul{margin:-15px -8px 0 -7px;}
.imageList ul li a{margin:15px 8px 0 7px;}
.imageList ul li span.pic{height:188px !important;}
.imageList.lay-col2 ul li{width:33.33333%;}

.common-head .hd li{font-size:1.125em;}
.common-head .menu1 li{padding-bottom:10px;}
.infoList.hadLine li{padding-top:15px; padding-bottom:15px;}
.otherList .infoList li h4{padding-right:100px; text-align:left;}
.otherList .infoList li h4 a{float:left; max-width:100%; line-height:1.8em; white-space:nowrap;}
.otherList .infoList li h4 .time{position:absolute; float:none; margin-top:-.9em; line-height:1.8em;}
.ajaxList li.head{padding-top:15px; padding-bottom:5px;}

.common-bd{padding-top:5px;}
.rel-appendixs h3{padding:20px 0 5px;}
}

@media (max-width:912px) {
.footer .container .mainBox .iconlink{width:24%;}

}

@media (max-width:820px) {
.swiper-nav{width:100%;float:none;}
.footer .container .mainBox .iconlink{width:27%;}
}

/* xs mobile*/
@media (max-width: 768px) {
.common-head.add .menu1{float:none; margin-right:-2px; margin-left:-2px;}
.common-head.add .menu1 li{width:25%; padding:0 !important; margin-right:0; margin-bottom:0; border-bottom:none;}
.common-head.add .menu1 li:before{content:normal;}
.common-head.add .menu1 li span{display:block; margin:0 2px 4px; padding:4px 0; background-color:#eee;}
.common-head.add .menu1 li.on span{color:#fff; background-color:#e24745;}
.common-head.add .menu1 li.on a{color:#fff;}
.ajaxList li{padding-top:15px; padding-bottom:15px; border-bottom:1px solid #ededed;}
.ajaxList li.head{padding-top:10px !important; padding-bottom:10px !important; border-bottom:none; background-color:#f8f8f8;}
.ajaxList li.head h4{padding-left:12px;}
.imageList ul li{width:50% !important;}

.footer .container .mainBox{width:96%;}
.footer .container .mainBox .txtcon{width:100%;float:none;text-align:center;}
.footer .container .mainBox .iconlink{width:30%;margin:8px auto;float:none;}
}

@media (max-width:680px) {
.header .container .inhead .slogan{width:45%;}
.header .container .inhead .slogan .item1{padding-top:0;}

.header .container .mainnav{width:100%;}
.swiper-nav .swiper-slide{float:left; width:30%;}
.swiper-nav .swiper-slide a.link::after{left:20px;margin-left:0;}
.header .container .mainnav .swiper-nav .swiper-slide a.link::after{top:14px;}
.header .container .mainnav .swiper-nav .swiper-slide a.link{padding:24px 0;text-indent:32px;}
.header .container .mainnav .swiper-wrapper{margin-bottom:0;}

.footer .container .mainBox{width:94%;}
.footer .container .mainBox .iconlink{width:33%;}
}

@media (max-width:640px) {
.header .container .inhead .logo{width:46%;}
.header .container .inhead .slogan{width:50%;}
.header .container .mainnav .swiper-nav .swiper-slide a.link::after{top:7px;}
.header .container .mainnav .swiper-nav .swiper-slide a.link{padding:16px 0;}

.common-head.add .menu1 li{width:50%;}
.common-more{display:none;}
.inMobile{display:block;}
.imageList ul li span.pic{height:160px !important;}
.imageList ul li span.txt{padding:5px;}
.imageList ul li span.txt:before{content:normal;}
.imageList ul li span.txt font{display:block; width:auto; line-height:35px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}

.footer .container .mainBox .iconlink{width:35%;}
.footer-links ul li{width: 46%;margin: 0 2%;}
}

@media (max-width:540px) {
.header .container .inhead .logo{width:66%;float:none;margin:0 auto;}
.header .container .inhead .logo img{width:100%;}
.header .container .inhead .slogan{width:66%;float:none;margin:0 auto;text-align:center;}
.header .container .inhead .slogan li img{width:66%;}
.header .container .inhead .slogan .item1{padding-left:0;padding-top:16px;}
.header .container .inhead .slogan .item2{padding-left:0;}
.header .container .inhead .slogan .item2 img{margin-left:0;}
.swiper-nav .swiper-slide a.link{margin-left:12px;}
.swiper-nav .swiper-slide a.link::after{left:12px;}

.header .container .search_box .search_input{width:92%;}
.header .container .search_box .search_btn{width:8%;}

.footer .container .mainBox .txtcon li span{display:block;}
.footer .container .mainBox .txtcon li span.split{display:none;}
.footer .container .mainBox .iconlink{width:45%;}
}

@media (max-width: 480px) {
.swiper-nav .swiper-slide{width:36%;}

.imageList ul li span.pic{height:132px !important;}

.footer .container .mainBox{margin:0;padding:0;width:100%;}
.footer .container .mainBox ul{width:100%;}


}

@media (max-width: 450px) {

.infoList.fileList li h4 a font{float:none; white-space:normal; max-width:100%;}
.infoList.fileList li .Icon{float:none; display:inline-block; vertical-align:middle;}
.infoList li h4{padding-right:0 !important;}
.infoList li h4 a{display:inline !important; float:none !important; max-width:none !important; padding-right:12px !important; white-space:normal !important;}
.infoList li h4 .time{position:static !important;}
.imageList ul li span.pic{height:120px !important;}
.footer .container .mainBox .iconlink{width:50%;}
}

@media (max-width:414px) {
.swiper-nav .swiper-slide a.link{margin-left:8px;}
.footer .container .mainBox .iconlink{width:55%;}
}

@media (max-width: 393px){
.swiper-nav .swiper-slide{width:40%;}
.header .container .mainnav .swiper-nav .swiper-slide a.link{padding:12px 0;}
.header .container .mainnav .swiper-nav .swiper-slide a.link::after{top:2px;}
.swiper-nav .swiper-slide a.link{margin-left:4px;font-size:16px;}
}

@media (max-width: 375px){
.footer .container .mainBox .iconlink{width:60%;}
}

@media (max-width: 360px){

}

